<div class="devui-panel devui-panel-{{ type }} {{ cssClass }}" [@noAnimation]>
  <div class="devui-panel-heading" *ngIf="panelHeader" (click)="toggleBody()" [style.cursor]="isCollapsed !== undefined ? 'pointer' : null">
    <ng-content select="d-panel-header"></ng-content>
  </div>
  <div
    class="devui-panel-body"
    [ngClass]="{ 'devui-panel-body-collapse': isCollapsed !== undefined }"
    [@collapseForDomDestroy]="isCollapsed === undefined || isCollapsed ? 'expanded' : 'void'"
    [@.disabled]="!showAnimation"
    *ngIf="isCollapsed === undefined || isCollapsed"
  >
    <ng-content select="d-panel-body"></ng-content>
  </div>
  <div class="devui-panel-footer" *ngIf="panelFooter">
    <ng-content select="d-panel-footer"></ng-content>
  </div>
</div>
